<template>
    <header>
        {{title}}
        <slot></slot>
    </header>
</template>

<script>
    export default{
        props:{
            title:{
                type:String,
                default:'猫眼电影'
            },
        },
    };
</script>

<style lang="less" scoped>
    @import '../../../assets/css/var.less';
    header {
        width: 375px;
        height: 50px;
        background-color: @theme-color;
        color: #fff;
        .center();
        font-size: @l-font;
        position: relative;
    }
</style>